<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>八卦</title>
<link rel="stylesheet" href="1.css">

</head>

<body>
<div class="yinyang">
<div class="yin">
<div class="circle"></div>
</div>
<div class="yan">
<div class="circle"></div>


</div>
</div>
</body>
</html>
